@charset "utf-8";
/*=== Copyright © by NhanHoa software - webpakages 2011 All Rights Reserved ===*/
/*============== ResetCSS ================*/
* {margin:0px; padding:0px;}
html , body, div {font-size:12px; margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif;color: #333333;}
table{border-collapse: collapse; border-spacing: 0; width:100%}
ol,ul, ul li {	list-style:none;}
img{ border: none;}
a{color:#005399;text-decoration:none; }
a:hover {color:#333;text-decoration:none;}
a:visited {color:#333;}
input { border:none; background:none;}
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal; color:#fff; font-weight:bold}
hr { color:#ecebeb;}
.clr:before, .clr:after {display:table; content: "";}
.clr:after { clear: both; }
* html .clr{height: 1%;}
.clr {display: block;}
html[xmlns] .clr { display:block;}
div.textsum { margin:0px !important; padding:0px; text-align:justify; line-height:20px; background:none !important; display:block; }
.coppyright {text-align:right; margin:0px auto; width:960px;}
.licence_footer { background:#fff; height:20px;text-align:right  }
/*============== Body Element ================*/
body {background: url(../images/graphics/bgheader.jpg);}
#p2a-container {margin:0px auto; width:960px; margin-bottom:20px}
.p2a-header {padding:10px 0px; clear:both; overflow:hidden; width:960px; margin:0px auto}
.p2a-header {}
.p2a-wrapper { padding:10px 0px 10px 10px; background:#fff; clear:both; overflow:hidden;}
/*============== Column Important ================*/
.header-ct {margin:0px auto; width:960px;}
.p2a-feature { background:#fff; height:260px;border:1px solid #c3c3c5; width:725px; float:left}
.p2a-leftcol {width:200px;float:left;margin-right:10px;}
.p2a-twocols {width:740px;float:left;}
.p2a-footer {background: url(../images/graphics/footer_bg.jpg) repeat-x; height:120px;}
/*============== Header ==========================*/
.co-info { clear:both; overflow:hidden; height:105px;}
.co-info a {}
.co-name { float:left; margin:20px 0px 0px 10px; font-size:22px; color:#056AB4; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 1px #fff;}
.co-name span { font-size:30px; color:#018747; margin-left:5px;}
a.logo img { float:left; width:auto; height:auto; margin-bottom:10px;}
.search_top { background:url(../images/graphics/search_top.gif) no-repeat right; width:186px; height:26px; float:right}
.search_top input.search_top_text { float:left; width:155px; margin:5px; color:#666; font:italic 11px }
.search_top .search_top_submit { width:20px; height:20px; float:left; cursor:pointer;}
.bg-nav {background:url(../images/graphics/bgnav.jpg) repeat-x;}
ul.mainnav { height:37px;width:960px; margin:0px auto;}
ul.mainnav li {float:left; line-height:36px;background:url(../images/graphics/navli.gif) no-repeat left}
ul.mainnav li a:hover {background:url(../images/graphics/navhv.gif) repeat-x;display:block; color:#fff}
ul.mainnav li a { padding:0px 40px; color:#fff; display:block;float:left; font-weight:bold}
ul.mainnav li.active a {background:url(../images/graphics/navhv.gif) repeat-x;display:block; color:#fff}
ul.mainnav li.home a, ul.mainnav li.home { background:none; padding:0px 2px 0px 0px; border:none}
/*==============Sub menu top ==============*/
ul.mainnav li.hover,
ul.mainnav li:hover { position: relative; color:#fff;}
ul.mainnav ul 	{ width: 220px; visibility: hidden; position: absolute;left: 0; z-index:9999999; margin-top:36px;background:#5D1D0D}
ul.mainnav li:hover {display:block;background:url(../images/graphics/navhv.gif)}
ul.mainnav li:hover a { color:#fff;}
ul.mainnav ul li { float: none; display:block;clear:both; overflow:hidden; background:none; margin:0px;}
ul.mainnav ul li a	{ color:#fff !important;font-weight:normal;background:url(../images/graphics/dot.gif) no-repeat 30px 13px !important; line-height:27px }
ul.mainnav ul li:hover { background:none;} 
ul.mainnav ul li a:hover {color:#064370 !important; background:#760002; }
/*==================== Feature =====================*/
.feature-img { float:left; margin:0px 2px; width:350px;}
.feature-img img { width:350px; height:260px;}
.feature-info {background:url(../images/graphics/feature.jpg) no-repeat top;width:370px;float:right; display:block}
.feature-info div { margin:10px}
.feature-info h3 {border-bottom:1px solid #DBC89D; padding:5px 0px; margin-bottom:5px; color:#565656; font-size:14px;}
.feature-info h2 a {color:#666; line-height:22px;font-size:14px;}
.feature-info a.adetail { font-size:10px; float:right; margin:10px 0px;}
/*============== Module Important ================*/
.mod-header, .mod-feature, .mod-footer {margin:0px auto; width:960px;}
.mod-left { margin-bottom:10px;clear:both;}
.mod-left ul { background:#fff; border-left:1px solid #c3c3c5; border-right:1px solid #c3c3c5; border-bottom:1px solid #c3c3c5}
.mod-left { width:200px}
.mod-left h3 span, ul.twocols-bot li h3 span {background: url(../images/graphics/h3-l.jpg) no-repeat left; height:25px; float:left; padding-left:25px;}
.mod-left h3, ul.twocols-bot li h3  {background: url(../images/graphics/h3-r.gif) no-repeat right; height:25px;}
.mod-left h3, ul.twocols-bot h3 { text-align:center; line-height:28px;}
/*============== Module Detail [left] ================*/
.mod-left ul li a, .mod-right ul li a { display:block; clear:both; overflow:hidden}
.mod-left ul li, .mod-right ul li { display:block; color:#195b8e}


ul.category { margin:0px;}
ul.category li { clear:both;line-height:24px; padding:0px; border-bottom:1px solid #cacaca;}
ul.category li a {padding:0px 0px 0px 4px; color:#2c79c1; display:inline;background:#e1e1e1 url(../images/icons/dot1.gif) no-repeat  6px 9px; padding-left:25px; display:block; color:#013d44;}
ul.category li a:hover {color:#ff3c00}
ul.sub_category { margin:0px; padding:0px; background:#fff; border:none}
ul.sub_category li { font-weight:normal; border:none; padding:0px;display:block; line-height:22px;}
ul.sub_category li a{color:#666; font-weight:normal;padding: 0px 0px 0px 23px;background: url(../images/graphics/dot.gif) no-repeat 11px 10px; display:block;}
ul.sub_category li a:hover {color:#f00;}
.treeview .hitarea {height: 13px;width: 17px;float: left;cursor:pointer;background:url(../images/icons/hx.png) no-repeat 0px 0px;margin:7px 0px 0px 5px; position:absolute; z-index:999; mar}
.treeview .expandable-hitarea { background-position: -80px -3px;background:url(../images/icons/pul.png) no-repeat 0px 0px;}
/*
ul.category li {line-height:26px; clear:both; height:1%; padding:0px;border-bottom:1px solid #fff;}
ul.category li a {background:#e1e1e1 url(../images/icons/dot1.gif) no-repeat 3px 10px ; padding-left:15px; color:#013d44;}
ul.category li a:hover { background:#cacaca url(../images/icons/dot1hv.gif) no-repeat 3px 10px;color:#ff3c00}
ul.sub_category { border:none;}
ul.sub_category li { border:none; padding:7px 0px; display:block; line-height:normal; height:auto; margin:0px; background: url(../images/graphics/dot.gif) no-repeat 7px 11px}
ul.sub_category li a {background: none; color:#117098;}
ul.sub_category li a:hover {background: none;color:#ff3c00} */



ul.support { padding:5px; clear:both; overflow:hidden}
ul.support { padding:5px; clear:both; overflow:hidden}
ul.support li {padding:5px 0px; margin-bottom:3px; line-height:16px;}
ul.support li span {color:#900; }
ul.support li a { font-size:12px;}
ul.support li img, ul.support li a img.oviyahoo { float:left; margin-right:5px;}
ul.support li.hotline { float:left;}
ul.support li a span {float:none; color:#195b8e; font-weight:normal;}
ul.support li span.number {background: url(../images/icons/phone.gif) no-repeat 0px 2px; margin-left:20px; line-height:26px; padding-left:25px}
ul.marketinfo { padding:10px}
ul.marketinfo li { padding-left:30px; padding-bottom:15px;}
ul.marketinfo li.linkweather {background: url(../images/icons/weather.png) no-repeat}
ul.marketinfo li.linkgold {background: url(../images/icons/gold.png) no-repeat}
ul.marketinfo li.linkstock {background: url(../images/icons/stock.png) no-repeat}
ul.marketinfo li.linkmoney {background: url(../images/icons/money.png) no-repeat}
ul.linkweb { padding:5px 2px;}
ul.linkweb li {background: url(../images/icons/link.gif) no-repeat 5px 3px; padding:0px 0px 5px 20px; margin-bottom:5px; border-bottom:1px dotted #9b9b9b}
ul.linkweb li a { color:#06C}
ul.linkweb li a:hover { color:#F30}
/*============== Module Detail [Twocols] ================*/
ul.twocols-bot { clear:both; overflow:hidden; width:740px }
ul.twocols-bot li { width:355px; float:left; margin:10px 15px 5px 0px;}
ul.twocols-bot li div.news-gr {border-left:1px solid #c3c3c5; border-right:1px solid #c3c3c5; border-bottom:1px solid #c3c3c5; background:#fff;padding:10px 2px 10px 10px; clear:both; overflow:hidden; height:200px;}
ul.twocols-bot li div.news-gr img { float:left; width:120px; height:130px; margin-right:10px; border:1px solid #cacaca; clear:both; overflow:hidden}
.n-1 { float:none; display:block;padding:0px 0px 0px 0px;}
.n-1 a {margin:0px 0px 5px;display:block}
.n-1 a:hover { color:#F30}
/*============== News sum ===========================*/
ul.news-sum li { border-bottom:1px dotted #cacaca; padding:5px 3px 5px 10px;background: url(../images/graphics/dot.gif) no-repeat 3px 9px; }
ul.news-sum li a:hover { color:#F00}
/*============== module adv ===========================*/
.module_adv img { width:180px; margin:0px 10px}
/*============== Footer ==============================*/
.mod-footer  h3 { height:25px; padding-top:10px; color:#fff; line-height:22px; font-size:14px;}
ul.footer-info { margin:5px 0px}
ul.footer-info li { padding-bottom:5px; font-weight:bold;}
ul.footer-info li span { margin-left:5px; font-weight:normal;}
a.see_more { float:right; clear:both; overflow:hidden; margin:0px 10px; font-size:11px; color:#F00}
ul.twocols-bot li h3 span a { color:#fff;}






























































